@import './common.scss';
.goods {
    width: 94vw;
    margin: 0 auto;
    .imgBox {
        width: 94vw;
        height: 34.67vw;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .text {
        width: 88.8vw;
        margin: 4.8vw auto;
        p {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #ff9344;
            font-size: 9.6vw;
            span {
                display: inline-block;
                width: 14.8vw;
                height: 7.87vw;
                font-size: 4vw;
                color: #fff;
                background-color: #ff9344;
                border-radius: 2.67vw;
                text-align: center;
            }
        }
        .like {
            font-size: 4vw;
            i {
                font-size: 5.07vw;
                margin-right: 1vw;
                color: #ff9344;
            }
            span {
                color: #ff9344;
            }
            .right {
                float: right;
                font-size: 3.47vw;
                color: #8e8e8e;
            }
        }
    }
}

.shop {
    .title {
        width: 88.53vw;
        height: 8.93vw;
        background-color: #ff9344;
        font-size: 4vw;
        color: #fff;
        padding: 0 2vw;
        margin: 0 auto;
        line-height: 8.93vw;
        span {
            float: right;
        }
    }
    .box {
        .item {
            width: 88.53vw;
            margin: 2vw auto;
            display: flex;
            justify-content: space-between;
            .imgBox {
                width: 23.6vw;
                height: 23.47vw;
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
            .text {
                color: #000;
                width: 61.73vw;
                display: flex;
                justify-content: space-between;
                .left {
                    .name {
                        font-size: 4vw;
                    }
                    .start {
                        margin: 1.5vw 0;
                        display: flex;
                        align-items: center;
                        .icon {
                            display: inline-block;
                            width: 23vw;
                            height: 4.33vw;
                            background-image: url('../img/start.png');
                        }
                        span {
                            margin-left: 1vw;
                            font-size: 3.47vw;
                            opacity: .8;
                        }
                    }
                    >p {
                        margin: 1.53vw 0;
                        font-size: 3.2vw;
                    }
                    >a {
                        font-size: 2.67vw;
                        color: #ff9344;
                    }
                }
                .right {
                    .go {
                        display: inline-block;
                        margin-top: 9.33vw;
                        width: 14.8vw;
                        height: 7.87vw;
                        background-color: #ff9344;
                        border-radius: 2.67vw;
                        color: #fff;
                        font-size: 4vw;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }
    }
}